<div class="fui-tab-head">
  <div
    #item
    class="fui-tab-item"
    [class.line]="type === 'line'"
    [class.card]="type === 'card'"
    *ngFor="let pane of panes"
    [class.active]="pane.active"
    (click)="selectPane(pane)"
  >
    <ng-container *ngIf="pane.titleTemplate">
      <ng-container *ngTemplateOutlet="pane.titleTemplate"></ng-container>
    </ng-container>
    <ng-container *ngIf="!pane.titleTemplate">
      {{pane.title | fuiDefault}}
    </ng-container>
  </div>
  <div
    class="fui-tab-link-bar"
    *ngIf="type === 'line' && linkBarStyle.width"
    [style.left.px]="linkBarStyle.left"
    [style.width.px]="linkBarStyle.width"
  ></div>
</div>
<div class="fui-tab-body">
  <div
    class="fui-tab-body-wrapper"
    [class.hide]="!pane.active"
    [class.show]="pane.active"
    *ngFor="let pane of panes"
  >
    <ng-container #wrapper></ng-container>
  </div>
</div>
